/* Import Less files */
@import "lib-mixins";
@import "lib-reset";
/* Import lib-rem.less if supportREM opened. */

/* ============= global style ============= */
body {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  background-color: #fff;
}

html, body {
  -webkit-user-select: none; /* 禁止选中文本（如无文本选中需求，此为必选项）*/
  user-select: none;
  width: 100%;
  height: 100%;
  overflow: hidden;

}

a, img {
  -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */
}

#wrapper {
  width: 100%;
  height: 100%;
}

#fullpage {
  width: 100%;
  height: 100%;
}

.section {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

.fp-tableCell {
  vertical-align: top;
}

.no-display {
  display: none;
}

.common-bottom-img {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 8001;
  img {
    width: 100%;
  }
}

/*.bg-left-line,
.bg-right-line {
  height: 100%;
  width: 6px;
  background-color: #D9592A;
  background-position: center bottom;
  background-image: url('');
  position: fixed;
  bottom: 0px;
  z-index: 8000;
}

.bg-left-line {
  left: 0px;
}

.bg-right-line {
  right: 0px;
}*/

/* ========= popup ========== */
.fancybox-skin {
  .background-color(255, 255, 255, 1);
}

.popup {
  .popup__title {
    font-size: @font-size18;
    color: @color-ff7200;
    margin-bottom: 15px;
    text-align: center;
  }
  .popup__content {
    font-size: @font-size16;
    color: @color-666;
  }
  p {
    line-height: 26px;
    margin-bottom: 15px;
  }
  p.popup__content-last {
    margin-bottom: 0px;
  }
}

/* ========= popup end ========== */


/* ========= 下滑动画引导 ========== */
.arrow-slidedown-nav {
  width: 26px;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  bottom: 5%;
  animation: 1s ease-in-out infinite appearTitleRT;
  -webkit-animation: 1s ease-in-out infinite appearTitleRT;
  z-index: 99;
}

@keyframes appearTitleRT {
  0% {
    opacity: 1;
    transform: translateY(10px);
  }
  100% {
    opacity: 0;
    transform: translateY(0px);
  }
}

@-webkit-keyframes appearTitleRT {
  0% {
    opacity: 1;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }
}

/* ========= 下滑动画引导 结束 ========== */


.section {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #c03b0a;

  .section__content {
    text-align: center;
    width: 98%;
    height: 100%;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    margin-left: 1%;

    .light_left {
      float: left;
      margin-left: .3rem;
      width: 1.09rem;
      height: .59rem;
    }
    .light_right {
      float: right;
      margin-right: .3rem;
      width: 1.09rem;
      height: .59rem;
    }
    .section__content-top{
      padding-top: .4rem;

      .section__content-top-txt {
        color: @color-999;
        font-size: .36rem;
        text-align: center;
        h2 {
          font-size: .36rem;
          margin-top: .12rem;
          margin-bottom: .25rem;
          clear: both;
          display: inline-block;
        }

      }
    }
    @media (min-height: 450px) and (max-height: 540px) {
      .section__content-top{
        padding-top: .25rem;
      }
    }
  }

  .section__content-middle{
    margin-top: .1rem;
    .banner_section_img{
      width: 100%;
      margin-bottom: .4rem;
    }

    .data-item{
      float: left;
      width: 50%;
      .data-img{
        width: 1.46rem;
        margin-bottom: .1rem;
      }
      .data-text{
        color: #7d7d7d;
        font-size: .28rem;
        line-height: .48rem;
      }
    }
  }
  @media (min-height: 450px) and (max-height: 540px) {
    .section__content-middle{
      margin-top: 0;
      .banner_section_img{
        height: 6.4rem;
        margin-bottom: .2rem;
      }
    }
  }

  .section__content-bottom{
    position: absolute;
    width: 100%;
    bottom: .4rem;
  }
  @media (min-height: 450px) and (max-height: 540px) {
    .section__content-bottom{
      bottom: .25rem;
    }
  }
}

/* ============= global style end ============= */
.section1{
  .section__content{
    background-color: #af1400;
    width: 100%;
    margin-left: 0;
    .section__content-top{
      padding-top: 0!important;
      img{width: 100%;}
    }
    .section__content-bottom{
      bottom: 0!important;
      .section1_bottom_img1{
        width: 6rem;
      }
      .section1_bottom_img2{
        width: 100%;
      }
      .info{
        color: #fff;
        .text{
          font-size: .28rem;
          margin: 3px 0 6px 0;
        }
        .date{
          font-size: .24rem;
        }
      }
    }
    @media (min-height: 450px) and (max-height: 540px) {
      .section__content-bottom{
        margin-top: .6rem;
        .section1_bottom_img1{
          width: 5rem;
        }
      }
    }
  }

}

.section4,.section5{
  .data-img{
    margin-bottom: .2rem!important;
  }
}
.section5{
  .data-text{
    color: #f26240!important;
  }

}
.section7{
  .section__content{
    background-color: #fdf3bf;
    .section__content-top{
      padding-top: 0!important;
      .section__content-top-bg{
        position: absolute;
        left: 1%;
        width: 98.1%;
      }
      .section__content-top-title{
        width: 2.42rem;
        height: 2.42rem;
        position: relative;
        margin-top: .3rem;
      }
    }
    .section__content-middle{
      margin-top: .8rem;

      .middle-wrap1{
       /* display: none;*/
        .welfare-div{
          margin-bottom: .3rem;
          .welfare-title{
            text-align: left;
            .welfare-img{
              width: .86rem;
              display: inline-block;
              vertical-align: middle;
              margin-left: .3rem;
            }
            .welfare-info{
              color: #ffb03e;
              font-size: .3rem;
              display: inline-block;
              vertical-align: middle;
            }
          }
        }
        .welfare-content{
          height: 2.3rem;
          position: relative;
          .welfare-bg{
            height: 100%;
            width: 6.8rem;
          }
          .welfare-btn{
            height: 1.29rem;
            position: absolute;
            top:50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: .7rem;
          }
        }

      }
      .middle-wrap2{
        padding-top: .5rem;
        .share-info-wrap{
          .share-info{
            width: 3.95rem;
          }
          .share-qrcode{
            width: 2.04rem;
          }
        }
        .sec7_mask_btn{
          width: 5.26rem;
          height: .9rem;
          display: block;
          position: relative;
          margin: .8rem auto;
          .sec7_mask_btn_bg{
            height: .9rem;
            position: absolute;
            left: 0;
            top:0;
          }
          .btn-share{margin-top: .3rem;}
          .sec7_mask_btn_text{
            color: #fff;
            font-size: .34rem;
            position: relative;
            text-align: center;
            line-height: .9rem;
            text-shadow: 2px 1px 3px #eb361d;
          }
        }
      }

    }
    @media (min-height: 450px) and (max-height: 540px) {
      .section__content-middle{
        margin-top: .6rem;
        .welfare-div{
          margin-bottom: 0!important;
          .welfare-bg{
            height: 95%!important;
          }
          .welfare-btn{
            height: 1.1rem!important;
          }
        }
      }
    }
  }

}

#popup{
  position: absolute;
  background: rgba(0,0,0,0.5);
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  z-index: 9999;
  display: none;

  .mask-content{
    width: 6.65rem;
    height: 6.23rem;
    margin: 1rem auto;
    position: relative;
    display: none;
    .close-icon{
      position: absolute;
      top: 2rem;
      color: #c4bd9a;
      right: .6rem;
      z-index: 99;
      font-size: .7rem;

    }
    .sec7_mask-top{
      width: 6.65rem;
      display: block;
      margin-bottom: -.2rem;
      position: relative;
      z-index: 2;
    }
    .sec7_mask-bottom{
      width: 6.65rem;
      display: block;
    }
    .sec7_mask-content{
      width: 6.2rem;
      background-color: #fff3b8;
      margin: 0 auto;
      position: relative;
      z-index: 1;
      text-align: center;
      padding-bottom: .3rem;
      padding-top: .6rem;
      padding-left: .3rem;

      .sec7_mask_share_list{
        text-align: left;
        .list-li{
          line-height: .6rem;
          .li-number{
            display: inline-block;
            vertical-align: middle;
            width: 18px;
            height: 18px;
            text-align: center;
            color: #fdf3bf;
            line-height: 18px;
            background-image: url(../img/sec7_share_list.png);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            margin-right: .3rem;
            font-size: .24rem;
          }
          .li-content{
            font-size: .3rem;
            color: #7d7672;
            display: inline-block;
            vertical-align: middle;
          }
        }
        .li-circle{
          width: 4px;
          height: 4px;
          background: #f79455;
          border-radius: 50%;
          margin-left: 6px;
        }

      }
    }
    .sec7_get_result{
      position: relative;
      height: 3.23rem;
      display: block;
      margin: 0 auto;


    }
    .sec7_mask_btn{
      width: 5.26rem;
      height: .9rem;
      display: block;
      position: relative;
      .sec7_mask_btn_bg{
        height: .9rem;
        position: absolute;
        left: 0;
        top:0;
      }
      .btn-share{margin-top: .3rem;}
      .sec7_mask_btn_text{
        color: #fff;
        font-size: .34rem;
        position: relative;
        text-align: center;
        line-height: .9rem;
        text-shadow: 2px 1px 3px #eb361d;
      }
    }

  }

  #popup2{
    .sec7_mask-content{
      padding-top: 0;
      padding-left: 0;
    }
    .sec7_mask_btn{
      margin: -.8rem auto 0 auto;
    }
    .get-tip{
      color: #f07c3b;
      font-size: .28rem;
      margin-top: .3rem;
    }
  }
}

.landscape-pop {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  text-align: center;
  font-size: .45rem;
}
.landscape-pop >div{
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

@media all and (orientation : landscape) {

  .landscape-pop{
    display: block;
  }

}
